<template>
  <div>
    <c-title :hide="false" text="查看新增"></c-title>
    <!-- <picker mode="date" header-text="选择日期" value="{{date}}" bindchange="bindDateChange"> -->
      <div class="font30" @click="openPicker">
        <div class="color3">请选择日期：</div>
        <div class="color6">{{ date }}</div>
        <div class="timeIcon">▼</div>
        <div class="btn"><span class="txt" @click.stop="submit">搜索</span></div>
      </div>
    <!-- </picker> -->
    <div class="font30">
      <div class="color3">当日新增： {{ searchDate }} </div>
    </div>
    <div class="font30" v-if="date">
      <div class="color3">{{ date }}</div>
      <div class="color3">新增：{{ list.date }}</div>
    </div>
    <van-popup v-model="pickerShow" position="bottom">
          <van-datetime-picker v-model="currentDate" @cancel="pickerCancel" @confirm="pickerConfirm" type="date" title="选择年月" :min-date="minDate" :max-date="maxDate"  />
     </van-popup>
  </div>
</template>

<script>
import unliquidatedDetailController from "./unliquidatedDetailController";

export default unliquidatedDetailController;
</script>


<style lang="scss" rel="stylesheet/scss" scoped>
@import "../common/common.css";
.font30 {
  background-color: #ffffff;
  font-size: 15px;
  width: 330px;
  height: 50px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  border-radius: 10px;
  padding: 0px 15px 0px 15px;
}

.color3 {
  color: #333;
  font-size: 19px;
}

.color6 {
  color: #666;
  font-size: 17px;
}

.timeIcon {
  color: #666;
  font-size: 9px;
  margin-left: 3px;
}

.btn {
  width: 80px;
  /* height: 30px; */
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  font-size: 14px;
}
.txt{
  width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    font-size: 14px;
    background: #f8f8f8;
    border-radius: 8px;
}
</style>